<script setup>

</script>

<template>
  <div class="footer-buttons">
    <el-tooltip placement="left" content="和讯飞星火聊天">
      <div @click="this.$router.push('/xunfei')" class="chat-icon-container" style="background: #fff">
        <el-icon class="iconfont" style="color: #00bfff"><Right /></el-icon>
      </div>
    </el-tooltip>
  </div>

</template>

<style scoped>
.footer-buttons {
  position: fixed;
  bottom: 3.6rem;
  right: 6.6rem;
  z-index: 888;
}

.footer-buttons .chat-icon-container{
  border-radius: 50%;
  width: 34px;
  height: 34px;
  text-align: center;
  cursor: pointer;
}
.footer-buttons .chat-icon-container i{
  line-height: 34px;
  color: white;
}
.footer-buttons .chat-icon-container{
  margin-top: 10px;
}
.iconfont{
  padding-top:8px;
  font-size: 20px;
}

</style>